.pubuliu{
  width: 1100px;
  margin: auto;
  background: #f2f2f2;
  overflow: hidden;
  div{
    font-size: 12px;
    background: none;
  }
  .index{
    width: 275px;
    background: red;
    float: left;
    text-align: center;
    margin-bottom: 20px;
    >div{
      animation:myfirst 1s;
    }
  }
  @keyframes myfirst{
    0%   {background:red;}
    25%  {background:yellow;}
    50%  {background:blue;}
    100% {background:green;}
  }
  @-moz-keyframes myfirst /* Firefox */
  {
    0%   {background:red;}
    25%  {background:yellow;}
    50%  {background:blue;}
    100% {background:green;}
  }

  @-webkit-keyframes myfirst /* Safari and Chrome */
  {
    0%   {background:red;}
    25%  {background:yellow;}
    50%  {background:blue;}
    100% {background:green;}
  }

  @-o-keyframes myfirst /* Opera */
  {
    0%   {background:red;}
    25%  {background:yellow;}
    50%  {background:blue;}
    100% {background:green;}
  }
}